home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2007 December / PCWKCD1207B.iso / Windows marzen / Maxthon 2.0.4 / mx_2.0.4.5799.exe / template / _shared / css / base.css
Cascading Style Sheet File  |  2007-09-17  |  7KB  |  404 lines
  1. /*
  2.  
  3. Base Style Sheet For Maxthon Websites v1.3.0
  4. Last Modified: 2007-09-18 10:35:23
  5.  
  6. */
  7.  
  8. /****** General Styles ******/
  9. body {
  10.     font-size: 75%;
  11.     font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  12.     color: #000000;
  13.     line-height: 150%;
  14.     background: white;
  15.     margin: 0px;
  16.     padding: 0px;
  17.     min-width: 750px;
  18. }
  19.  
  20. /* text */
  21.  
  22. p {
  23.     line-height: 150%;
  24.     margin: 5px 0px 10px 0px;
  25.     padding: 0px;
  26. }
  27.  
  28. td, th {
  29.     font-size: 100%;
  30.     line-height: 150%;
  31. }
  32.  
  33. ul {
  34.     margin: 0px;
  35.     padding: 0px;
  36.     list-style: square;
  37. }
  38.  
  39. li {
  40.     margin: 0px 0px 5px 0px;
  41.     padding: 0px;
  42.     margin-left: 2em;
  43.     list-style: outside;
  44. }
  45.  
  46. /* links */
  47.  
  48. a,
  49. a:link,
  50. a:visited,
  51. a:active {
  52.     color: #4F7500;
  53.     text-decoration: underline;
  54. }
  55. a:hover {
  56.     color: #395500;
  57.     background: #EFF9D0;
  58. }
  59.  
  60. /* inputs */
  61. form{
  62.     display: inline;
  63.     margin: 0;
  64.     padding: 0;
  65. }
  66.  
  67. input,
  68. select{
  69.     vertical-align: middle;
  70. }
  71.  
  72. input.button{
  73.     color: #645A44;
  74.     padding: 2px 5px;
  75.     text-decoration: none;
  76.     vertical-align: middle;
  77.     border: 1px solid #ABA498;
  78.     border-top: 1px solid #C8C4BB;
  79.     border-left: 1px solid #C8C4BB;
  80.     background: #F4FBE1 url('base/bg_input_btn.png');
  81. }
  82. input.button:hover{
  83.     color: #395500;
  84.     background: #F4FADF url('base/bg_input_btn_hover.png');
  85.     border: 1px solid #80AA00;
  86.     border-top: 1px solid #99CC00;
  87.     border-left: 1px solid #99CC00;
  88. }
  89.  
  90. input.text,
  91. textarea {
  92.     padding: 2px 3px;
  93.     vertical-align: middle;
  94.     border: 1px solid #C0BBB4;
  95.     background: white url('base/bg_input_text.png') top left repeat-x;
  96. }
  97. input.text:hover,
  98. textarea:hover {
  99.     border: 1px solid #99CC00;
  100.     background: white url('base/bg_input_text_hover.png') top left repeat-x;
  101. }
  102.  
  103. label {
  104.     cursor: pointer;
  105. }
  106.  
  107.  
  108. /* other */
  109.  
  110. img {
  111.     border: none;
  112.     vertical-align: middle;
  113. }
  114.  
  115. hr {
  116.     height: 1px;
  117.     border: 0;
  118.     border-top: 1px dashed #CCCCCC;
  119. }
  120.  
  121. .wrapper {}
  122.  
  123. /****** Header ******/
  124. .header{
  125.     background: white url('base/bg_header.png') top left;
  126.     height: 80px;
  127. }
  128. .innerHeader{
  129.     min-width: 610px;
  130.     width: 750px;
  131.     margin: 0 auto;
  132. }
  133.  
  134. .title{
  135.     float: left;
  136.     margin-top: 16px;
  137.     white-space: nowrap;
  138. }
  139. .title img{
  140.     float: left;
  141.     margin-right: 12px;
  142. }
  143. .title h1{
  144.     font-size: 150%;
  145.     font-weight: bold;
  146.     padding: 6px 0px 4px 0px;
  147.     margin: 0px;
  148. }
  149. .title h1 a:link,
  150. .title h1 a:visited,
  151. .title h1 a:active
  152. {
  153.     color: black;
  154.     text-decoration: none;
  155. }
  156. .title p{
  157.     margin: 0px;
  158.     padding: 0px;
  159.     color: #666666;
  160. }
  161.  
  162. /* top nav menu */
  163. .title-menu{
  164.     padding-top: 26px;
  165.     float: right;
  166. }
  167.  
  168. .title-menu a:link,
  169. .title-menu a:visited,
  170. .title-menu a:active,
  171. .title-menu a:hover{
  172.     float: left;
  173.     display: block;
  174.     padding: 4px 8px;
  175.     margin: 0px 5px 0px 0px;
  176.     color: #666666;
  177.     text-decoration: none;
  178. }
  179. .title-menu a:hover{
  180.     color: white;
  181.     background: #666666;
  182. }
  183.  
  184. /****** Nav Panel ******/
  185. .navPanel{
  186.     border-top: 1px solid #DAD7CF;
  187.     border-bottom: 1px solid #DAD7CF;
  188.     line-height: 200%;
  189.     background: #F2F0EE url('base/bg_btn.png') top left;
  190. }
  191. .innerNavPanel {
  192.     margin: 0 auto;
  193.     width: 750px;
  194. }
  195.  
  196.  
  197. /* buttons */
  198. .buttonWrapper{
  199.     border: 1px solid #E4E1DA;
  200.     border-left: none;
  201.     background: #F2F0EE url('base/bg_btn.png') top left;
  202. }
  203. .buttons{
  204.     line-height: 200%;
  205.     white-space: nowrap;
  206.     width: 99%; /* ie6 fix */
  207.     overflow: hidden;
  208.     border-left: 1px solid #E4E1DA;
  209. }
  210. .buttons a:link,
  211. .buttons a:active,
  212. .buttons a:visited,
  213. .buttons a:hover
  214. {
  215.     float: left;
  216.     display: block;
  217.     padding: 4px 20px;
  218.     color: #645A44;
  219.     text-decoration: none;
  220.     border-left: 1px solid white;
  221.     border-right: 1px solid #E4E1DA;
  222.     background: #F4FBE1 url('base/bg_btn.png');
  223. }
  224. .buttons a:hover
  225. {
  226.     color: #395500;
  227.     background: #F4FADF url('base/bg_btn_hover.png') top left repeat-x;
  228. }
  229. .buttons-special
  230. {
  231.     font-weight: bold;
  232. }
  233. .buttons-active {
  234.     color: #993300 !important;
  235.     background: #FFF1BB url('base/bg_btn_active.png') !important;
  236. }
  237.  
  238. .buttons .label{
  239.     float: left;
  240.     overflow: hidden;
  241.     display: block;
  242.     padding: 4px 20px;
  243.     color: #645A44;
  244. }
  245. .buttons .label a:link,
  246. .buttons .label a:active,
  247. .buttons .label a:visited,
  248. .buttons .label a:hover
  249. {
  250.     float: none;
  251.     display: inline;
  252.     height: auto;
  253.     padding: 0px;
  254.     font-weight: bold;
  255.     text-decoration: underline;
  256.     border: none;
  257.     background: none;
  258. }
  259.  
  260. /* sorry for this ie6 hack */
  261. * html .buttons img {
  262.     float: left;
  263.     margin: 5px 5px 5px 0px;
  264. }
  265.  
  266. .shadowStrip{
  267.     height: 4px;
  268.     font-size: 1%;
  269.     line-height: 1%;
  270.     background: url('base/bg_shadow.png');
  271. }
  272.  
  273.  
  274. /****** Content Block ******/
  275. .contentWrapper{
  276.     min-width: 610px;
  277.     width: 740px;
  278.     margin: 10px auto;
  279. }
  280.  
  281. .content{
  282.     float: left;
  283.     width: 100%;
  284.     margin: 0px -210px 0px 0px;
  285. }
  286. .innerContent{
  287.     margin-right: 210px;
  288.     overflow: visible;
  289. }
  290.  
  291. /* content block */
  292. .contentBlock{
  293.     margin: 0px 0px 40px 0px;
  294. }
  295. h3{
  296.     color: #669900;
  297.     font-size: 150%;
  298.     font-weight: bold;
  299.     padding: 5px 0px 5px 0px;
  300.     margin: 10px 0px 10px 0px;
  301.     border-bottom: 1px dashed #E0E0E0;
  302. }
  303. h4 {
  304.     color: #666666;
  305.     font-size: 125%;
  306.     font-weight: bold;
  307.     padding: 5px 5px 5px 0px;
  308.     margin: 10px 0px 5px 0px;
  309. }
  310. .contentText{
  311.     line-height: 150%;
  312. }
  313.  
  314.  
  315. /****** Sidebar Block ******/
  316. .sidebar{
  317.     float: right;
  318.     width: 180px;
  319. }
  320. .innerSidebar{}
  321.  
  322. .sidebarBlock{
  323.     padding: 0px;
  324.     margin: 10px 0px 20px 0px;
  325. }
  326. .sidebarBlock h5{
  327.     font-size: 100%;
  328.     color: #666666;
  329.     font-weight: bold;
  330.     padding: 5px 10px 5px 10px;
  331.     margin: 0px;
  332.     background: #EEEDEA;
  333.     border-bottom: 1px solid #E4E2DA;
  334. }
  335. .sidebarContent{
  336. }
  337. .sidebarBlock ul{
  338.     margin: 0px;
  339.     padding: 0px;
  340. }
  341. .sidebarBlock li
  342. {
  343.     margin: 0px;
  344.     padding: 0px;
  345.     list-style: none;
  346.     border-bottom: 1px dotted #E4E2DA;
  347. }
  348. .sidebarBlock li a:link,
  349. .sidebarBlock li a:hover,
  350. .sidebarBlock li a:active,
  351. .sidebarBlock li a:visited
  352. {
  353.     padding: 5px 0px 5px 10px;
  354.     display: block;
  355.     text-decoration: none;
  356.     color: #333333;
  357.     overflow: hidden;
  358. }
  359. .sidebarContent li a:hover{
  360.     text-decoration: underline;
  361.     color: #395500;
  362.     background: #EFF9D0;
  363. }
  364.  
  365.  
  366. /****** Footer Block ******/
  367. .footer{
  368.     clear: both;
  369.     text-align: center;
  370.     color: #666666;
  371.     margin: 20px auto;
  372. }
  373. .innerFooter{
  374.     width: 750px;
  375.     margin: 0px auto;
  376. }
  377.  
  378. .footerLinks{
  379.     color: #666666;
  380.     background: #F2F1EE;
  381.     border: 1px solid #E4E1DC;
  382.     text-align: left;
  383.     line-height: 1.5em;
  384.     margin-bottom: 20px;
  385. }
  386. .footerLinks h5{
  387.     font-size: 100%;
  388.     color: #333333;
  389.     font-weight: bold;
  390.     padding: 0px 0px 5px 0px;
  391.     margin: 0px;
  392. }
  393. .footerLinks a:link,
  394. .footerLinks a:visited,
  395. .footerLinks a:active {
  396.     color: #666666;
  397. }
  398. .footerLinks a:hover {
  399.     color: #000000;
  400. }
  401.  
  402. .copyright{
  403.     margin: 20px auto;
  404. }